
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-yonggongwancheng"></i>
                    <div class="name">Work completed</div>
                    <div class="fontclass">.icon-yonggongwancheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-edit3"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-edit3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-edit"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-edit</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti14"></i>
                    <div class="name">正确</div>
                    <div class="fontclass">.icon-weibiaoti14</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-about"></i>
                    <div class="name">about</div>
                    <div class="fontclass">.icon-about</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-detail"></i>
                    <div class="name">查看批阅</div>
                    <div class="fontclass">.icon-detail</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fujian"></i>
                    <div class="name">附件</div>
                    <div class="fontclass">.icon-fujian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tiaoma1"></i>
                    <div class="name">条码</div>
                    <div class="fontclass">.icon-tiaoma1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-edit2"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-edit2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-detail2"></i>
                    <div class="name">查看详情</div>
                    <div class="fontclass">.icon-detail2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-del2"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-del2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-del"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-del</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-email"></i>
                    <div class="name">邮箱</div>
                    <div class="fontclass">.icon-email</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-phone"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-phone</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-scanbarcode"></i>
                    <div class="name">条码</div>
                    <div class="fontclass">.icon-scanbarcode</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qq"></i>
                    <div class="name">qq</div>
                    <div class="fontclass">.icon-qq</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanhegui"></i>
                    <div class="name">安全合规</div>
                    <div class="fontclass">.icon-anquanhegui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanduixiang"></i>
                    <div class="name">安全对象</div>
                    <div class="fontclass">.icon-anquanduixiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-IPshijiantongji"></i>
                    <div class="name">IP事件统计</div>
                    <div class="fontclass">.icon-IPshijiantongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquangoujianku"></i>
                    <div class="name">安全构件库</div>
                    <div class="fontclass">.icon-anquangoujianku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanlianghua"></i>
                    <div class="name">安全量化</div>
                    <div class="fontclass">.icon-anquanlianghua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquantongji"></i>
                    <div class="name">安全统计</div>
                    <div class="fontclass">.icon-anquantongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anIPtongji"></i>
                    <div class="name">按IP统计</div>
                    <div class="fontclass">.icon-anIPtongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anfengxiantongji"></i>
                    <div class="name">按风险统计</div>
                    <div class="fontclass">.icon-anfengxiantongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anshijiantongji"></i>
                    <div class="name">按时间统计</div>
                    <div class="fontclass">.icon-anshijiantongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anyewutongji"></i>
                    <div class="name">按业务统计</div>
                    <div class="fontclass">.icon-anyewutongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anzhanghaotongji"></i>
                    <div class="name">按账号统计</div>
                    <div class="fontclass">.icon-anzhanghaotongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baimingdancelveweihu"></i>
                    <div class="name">白名单策略维护</div>
                    <div class="fontclass">.icon-baimingdancelveweihu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baosongshebeishijianliangtongji"></i>
                    <div class="name">报送设备时间量统计</div>
                    <div class="fontclass">.icon-baosongshebeishijianliangtongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baimingdanguanli"></i>
                    <div class="name">白名单管理</div>
                    <div class="fontclass">.icon-baimingdanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baosongshebeiyuanshijiantongji"></i>
                    <div class="name">报送设备源事件统计</div>
                    <div class="fontclass">.icon-baosongshebeiyuanshijiantongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-budingxinxi"></i>
                    <div class="name">补丁信息</div>
                    <div class="fontclass">.icon-budingxinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caijipeizhi"></i>
                    <div class="name">采集配置</div>
                    <div class="fontclass">.icon-caijipeizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chaxun"></i>
                    <div class="name">查询</div>
                    <div class="fontclass">.icon-chaxun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daoru"></i>
                    <div class="name">导入</div>
                    <div class="fontclass">.icon-daoru</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fangda"></i>
                    <div class="name">放大</div>
                    <div class="fontclass">.icon-fangda</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-heguipaiming"></i>
                    <div class="name">合规排名</div>
                    <div class="fontclass">.icon-heguipaiming</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-heguiqushi"></i>
                    <div class="name">合规趋势</div>
                    <div class="fontclass">.icon-heguiqushi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiehuandaochaxunmoshi"></i>
                    <div class="name">切换到查询模式</div>
                    <div class="fontclass">.icon-qiehuandaochaxunmoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jixianguanli"></i>
                    <div class="name">基线管理</div>
                    <div class="fontclass">.icon-jixianguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwucaiji"></i>
                    <div class="name">任务采集</div>
                    <div class="fontclass">.icon-renwucaiji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujuanquan"></i>
                    <div class="name">数据安全</div>
                    <div class="fontclass">.icon-shujuanquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujuku"></i>
                    <div class="name">数据库</div>
                    <div class="fontclass">.icon-shujuku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sanjishijian"></i>
                    <div class="name">三级事件</div>
                    <div class="fontclass">.icon-sanjishijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-suoxiao"></i>
                    <div class="name">缩小</div>
                    <div class="fontclass">.icon-suoxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitong"></i>
                    <div class="name">系统</div>
                    <div class="fontclass">.icon-xitong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongyijiancha"></i>
                    <div class="name">统一检查</div>
                    <div class="fontclass">.icon-tongyijiancha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitonganquan"></i>
                    <div class="name">系统安全</div>
                    <div class="fontclass">.icon-xitonganquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanjianbaotongzhiguanli"></i>
                    <div class="name">安全简报通知管理</div>
                    <div class="fontclass">.icon-anquanjianbaotongzhiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daishenpizhishi"></i>
                    <div class="name">待审批知识</div>
                    <div class="fontclass">.icon-daishenpizhishi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongjuguanli"></i>
                    <div class="name">工具管理</div>
                    <div class="fontclass">.icon-gongjuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dangqianhuodonggaojing"></i>
                    <div class="name">当前活动告警</div>
                    <div class="fontclass">.icon-dangqianhuodonggaojing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenpeishebei"></i>
                    <div class="name">分配设备</div>
                    <div class="fontclass">.icon-fenpeishebei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dangqianhuodonggaojing_"></i>
                    <div class="name">当前活动告警_1</div>
                    <div class="fontclass">.icon-dangqianhuodonggaojing_</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanjianziguanli"></i>
                    <div class="name">关键字管理</div>
                    <div class="fontclass">.icon-guanjianziguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wangluoanquanshebeijiankong"></i>
                    <div class="name">网络安全设备监控</div>
                    <div class="fontclass">.icon-wangluoanquanshebeijiankong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guibingyazhiguize"></i>
                    <div class="name">归并压制规则</div>
                    <div class="fontclass">.icon-guibingyazhiguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guize"></i>
                    <div class="name">规则</div>
                    <div class="fontclass">.icon-guize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guizebaobiao"></i>
                    <div class="name">规则报表</div>
                    <div class="fontclass">.icon-guizebaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanxiashebei"></i>
                    <div class="name">管辖设备</div>
                    <div class="fontclass">.icon-guanxiashebei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guizeguanli"></i>
                    <div class="name">规则管理</div>
                    <div class="fontclass">.icon-guizeguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guizehegexingjiancha"></i>
                    <div class="name">规则合格性检查</div>
                    <div class="fontclass">.icon-guizehegexingjiancha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guizexiafa"></i>
                    <div class="name">规则下发</div>
                    <div class="fontclass">.icon-guizexiafa</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jihuo"></i>
                    <div class="name">激活</div>
                    <div class="fontclass">.icon-jihuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiankongguizeweihu"></i>
                    <div class="name">监控规则维护</div>
                    <div class="fontclass">.icon-jiankongguizeweihu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiamisuanfaguanli"></i>
                    <div class="name">加密算法管理</div>
                    <div class="fontclass">.icon-jiamisuanfaguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiesuo"></i>
                    <div class="name">解锁</div>
                    <div class="fontclass">.icon-jiesuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuaijiejiancha"></i>
                    <div class="name">快捷检查</div>
                    <div class="fontclass">.icon-kuaijiejiancha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lixianjiancha"></i>
                    <div class="name">离线检查</div>
                    <div class="fontclass">.icon-lixianjiancha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-loudong"></i>
                    <div class="name">漏洞</div>
                    <div class="fontclass">.icon-loudong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-minganshujujiankongshitu"></i>
                    <div class="name">敏感数据监控视图</div>
                    <div class="fontclass">.icon-minganshujujiankongshitu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moban"></i>
                    <div class="name">模板</div>
                    <div class="fontclass">.icon-moban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mingdanzixuexi"></i>
                    <div class="name">名单自学习</div>
                    <div class="fontclass">.icon-mingdanzixuexi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mobanguanli"></i>
                    <div class="name">模板管理</div>
                    <div class="fontclass">.icon-mobanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pingtaizijiankong"></i>
                    <div class="name">平台自监控</div>
                    <div class="fontclass">.icon-pingtaizijiankong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shebeixinxi"></i>
                    <div class="name">设备信息</div>
                    <div class="fontclass">.icon-shebeixinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijianshuxingweihu"></i>
                    <div class="name">事件属性维护</div>
                    <div class="fontclass">.icon-shijianshuxingweihu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weichuligaojing"></i>
                    <div class="name">未处理告警</div>
                    <div class="fontclass">.icon-weichuligaojing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugaimima"></i>
                    <div class="name">修改密码</div>
                    <div class="fontclass">.icon-xiugaimima</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-suoding"></i>
                    <div class="name">锁定</div>
                    <div class="fontclass">.icon-suoding</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yichuligaojing"></i>
                    <div class="name">已处理告警</div>
                    <div class="fontclass">.icon-yichuligaojing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongji"></i>
                    <div class="name">统计</div>
                    <div class="fontclass">.icon-tongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yigaojing"></i>
                    <div class="name">已告警</div>
                    <div class="fontclass">.icon-yigaojing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yiqingchugaojing"></i>
                    <div class="name">已清除告警</div>
                    <div class="fontclass">.icon-yiqingchugaojing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhibiaofenleibianmapeizhi"></i>
                    <div class="name">指标分类编码配置</div>
                    <div class="fontclass">.icon-zhibiaofenleibianmapeizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhilingmobanguanli"></i>
                    <div class="name">指令模板管理</div>
                    <div class="fontclass">.icon-zhilingmobanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinjian"></i>
                    <div class="name">新建</div>
                    <div class="fontclass">.icon-xinjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yidong"></i>
                    <div class="name">移动</div>
                    <div class="fontclass">.icon-yidong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yewucaozuopaimingfenxi"></i>
                    <div class="name">业务操作排名分析</div>
                    <div class="fontclass">.icon-yewucaozuopaimingfenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yewufenleiweihu"></i>
                    <div class="name">业务分类维护</div>
                    <div class="fontclass">.icon-yewufenleiweihu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wangluoquyuIPhuafen"></i>
                    <div class="name">网络区域IP划分</div>
                    <div class="fontclass">.icon-wangluoquyuIPhuafen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghuzhuzhanghaoguanli"></i>
                    <div class="name">用户主账号管理</div>
                    <div class="fontclass">.icon-yonghuzhuzhanghaoguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zanting"></i>
                    <div class="name">暂停</div>
                    <div class="fontclass">.icon-zanting</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhihang"></i>
                    <div class="name">执行</div>
                    <div class="fontclass">.icon-zhihang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhibiaoguanli"></i>
                    <div class="name">指标管理</div>
                    <div class="fontclass">.icon-zhibiaoguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhibiaojieguo"></i>
                    <div class="name">指标结果</div>
                    <div class="fontclass">.icon-zhibiaojieguo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhibiaomoban"></i>
                    <div class="name">指标模板</div>
                    <div class="fontclass">.icon-zhibiaomoban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhibiaotongji"></i>
                    <div class="name">指标统计</div>
                    <div class="fontclass">.icon-zhibiaotongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhibiaojihua"></i>
                    <div class="name">指标计划</div>
                    <div class="fontclass">.icon-zhibiaojihua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhongzhi"></i>
                    <div class="name">重置</div>
                    <div class="fontclass">.icon-zhongzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhuzhanghaoliebiao"></i>
                    <div class="name">主账号列表</div>
                    <div class="fontclass">.icon-zhuzhanghaoliebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baobiao"></i>
                    <div class="name">报表</div>
                    <div class="fontclass">.icon-baobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dangqianfeibiaozhunshijian"></i>
                    <div class="name">当前非标准事件</div>
                    <div class="fontclass">.icon-dangqianfeibiaozhunshijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongzuotaishouye"></i>
                    <div class="name">工作台首页</div>
                    <div class="fontclass">.icon-gongzuotaishouye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huifu"></i>
                    <div class="name">恢复</div>
                    <div class="fontclass">.icon-huifu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jihua"></i>
                    <div class="name">计划</div>
                    <div class="fontclass">.icon-jihua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mubiaoIPshijianliangtongji"></i>
                    <div class="name">目标IP时间量统计</div>
                    <div class="fontclass">.icon-mubiaoIPshijianliangtongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ri"></i>
                    <div class="name">日</div>
                    <div class="fontclass">.icon-ri</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renyuanzuguanli"></i>
                    <div class="name">人员组管理</div>
                    <div class="fontclass">.icon-renyuanzuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-minganshujufenjiguanli"></i>
                    <div class="name">敏感数据分级管理</div>
                    <div class="fontclass">.icon-minganshujufenjiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-saomiaobingfenxi"></i>
                    <div class="name">扫描并分析</div>
                    <div class="fontclass">.icon-saomiaobingfenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shengjibiaozhuntongjipaiming"></i>
                    <div class="name">省级标准统计排名</div>
                    <div class="fontclass">.icon-shengjibiaozhuntongjipaiming</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijianjibiezhongdingyiguize"></i>
                    <div class="name">时间级别重定义规则</div>
                    <div class="fontclass">.icon-shijianjibiezhongdingyiguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijiancelveweihu"></i>
                    <div class="name">时间策略维护</div>
                    <div class="fontclass">.icon-shijiancelveweihu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tixing"></i>
                    <div class="name">提醒</div>
                    <div class="fontclass">.icon-tixing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tingzhi"></i>
                    <div class="name">停止</div>
                    <div class="fontclass">.icon-tingzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouquanguanli"></i>
                    <div class="name">授权管理</div>
                    <div class="fontclass">.icon-shouquanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shengchengbaobiao"></i>
                    <div class="name">生成报表</div>
                    <div class="fontclass">.icon-shengchengbaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucangku"></i>
                    <div class="name">收藏库</div>
                    <div class="fontclass">.icon-shoucangku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wancheng"></i>
                    <div class="name">完成</div>
                    <div class="fontclass">.icon-wancheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuichu"></i>
                    <div class="name">退出</div>
                    <div class="fontclass">.icon-tuichu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujujiguanli"></i>
                    <div class="name">数据集管理</div>
                    <div class="fontclass">.icon-shujujiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weizhixinxiweihu"></i>
                    <div class="name">位置信息维护</div>
                    <div class="fontclass">.icon-weizhixinxiweihu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiazai"></i>
                    <div class="name">下载</div>
                    <div class="fontclass">.icon-xiazai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinxicaiji"></i>
                    <div class="name">信息采集</div>
                    <div class="fontclass">.icon-xinxicaiji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitonganquanheguibaobiao"></i>
                    <div class="name">系统安全合规报表</div>
                    <div class="fontclass">.icon-xitonganquanheguibaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yewucaozuorizhi"></i>
                    <div class="name">业务操作日志</div>
                    <div class="fontclass">.icon-yewucaozuorizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhishikuguanli"></i>
                    <div class="name">知识库管理</div>
                    <div class="fontclass">.icon-zhishikuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ziyuanjiaoseguanli"></i>
                    <div class="name">资源角色管理</div>
                    <div class="fontclass">.icon-ziyuanjiaoseguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuoyebaobiao"></i>
                    <div class="name">作业报表</div>
                    <div class="fontclass">.icon-zuoyebaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baobiaoguanli"></i>
                    <div class="name">报表管理</div>
                    <div class="fontclass">.icon-baobiaoguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zichanxinxibuquancelve"></i>
                    <div class="name">资产信息补全策略</div>
                    <div class="fontclass">.icon-zichanxinxibuquancelve</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-beizhu"></i>
                    <div class="name">备注</div>
                    <div class="fontclass">.icon-beizhu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-celvetongjiyuzhibaobiao"></i>
                    <div class="name">策略统计预制报表</div>
                    <div class="fontclass">.icon-celvetongjiyuzhibaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakandaorujilu"></i>
                    <div class="name">查看导入记录</div>
                    <div class="fontclass">.icon-chakandaorujilu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dangqianweizhi"></i>
                    <div class="name">当前位置</div>
                    <div class="fontclass">.icon-dangqianweizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanghufangan"></i>
                    <div class="name">防护方案</div>
                    <div class="fontclass">.icon-fanghufangan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuzhi"></i>
                    <div class="name">复制</div>
                    <div class="fontclass">.icon-fuzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lousaojieguobaobiao"></i>
                    <div class="name">漏扫结果报表</div>
                    <div class="fontclass">.icon-lousaojieguobaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mingxi"></i>
                    <div class="name">明细</div>
                    <div class="fontclass">.icon-mingxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiansuo"></i>
                    <div class="name">检索</div>
                    <div class="fontclass">.icon-jiansuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-peizhihechajieguobaobiao"></i>
                    <div class="name">配置核查结果报表</div>
                    <div class="fontclass">.icon-peizhihechajieguobaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiehuandaobianjimoshi"></i>
                    <div class="name">切换到编辑模式</div>
                    <div class="fontclass">.icon-qiehuandaobianjimoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renzhengguanli"></i>
                    <div class="name">认证管理</div>
                    <div class="fontclass">.icon-renzhengguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhipingfenfangan"></i>
                    <div class="name">设置评分方案</div>
                    <div class="fontclass">.icon-shezhipingfenfangan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanxianziyuan"></i>
                    <div class="name">权限资源</div>
                    <div class="fontclass">.icon-quanxianziyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zichan"></i>
                    <div class="name">资产</div>
                    <div class="fontclass">.icon-zichan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ziyuanfenleiguanli"></i>
                    <div class="name">资源分类管理</div>
                    <div class="fontclass">.icon-ziyuanfenleiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yue"></i>
                    <div class="name">月</div>
                    <div class="fontclass">.icon-yue</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhou"></i>
                    <div class="name">周</div>
                    <div class="fontclass">.icon-zhou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhongduananquan"></i>
                    <div class="name">终端安全</div>
                    <div class="fontclass">.icon-zhongduananquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zichanliebiao"></i>
                    <div class="name">资产列表</div>
                    <div class="fontclass">.icon-zichanliebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ziyuanguanli"></i>
                    <div class="name">资源管理</div>
                    <div class="fontclass">.icon-ziyuanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ziyuanzuguanli"></i>
                    <div class="name">资源组管理</div>
                    <div class="fontclass">.icon-ziyuanzuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zidianpeizhi"></i>
                    <div class="name">字典配置</div>
                    <div class="fontclass">.icon-zidianpeizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuihouyiye"></i>
                    <div class="name">最后一页</div>
                    <div class="fontclass">.icon-zuihouyiye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuzhijigou"></i>
                    <div class="name">组织机构</div>
                    <div class="fontclass">.icon-zuzhijigou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongguanli"></i>
                    <div class="name">系统管理</div>
                    <div class="fontclass">.icon-xitongguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuoyerili"></i>
                    <div class="name">作业日历</div>
                    <div class="fontclass">.icon-zuoyerili</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-excelwenjian"></i>
                    <div class="name">excel文件</div>
                    <div class="fontclass">.icon-excelwenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jpgwenjian"></i>
                    <div class="name">jpg文件</div>
                    <div class="fontclass">.icon-jpgwenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-txtwenjian"></i>
                    <div class="name">txt文件</div>
                    <div class="fontclass">.icon-txtwenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pdfwenjian"></i>
                    <div class="name">pdf文件</div>
                    <div class="fontclass">.icon-pdfwenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pptwenjian"></i>
                    <div class="name">ppt文件</div>
                    <div class="fontclass">.icon-pptwenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-webliuliangfenxi"></i>
                    <div class="name">web流量分析</div>
                    <div class="fontclass">.icon-webliuliangfenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wordwenjian"></i>
                    <div class="name">word文件</div>
                    <div class="fontclass">.icon-wordwenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-webzichan"></i>
                    <div class="name">web资产</div>
                    <div class="fontclass">.icon-webzichan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquancelvezhongxin"></i>
                    <div class="name">安全策略中心</div>
                    <div class="fontclass">.icon-anquancelvezhongxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanfagui"></i>
                    <div class="name">安全法规</div>
                    <div class="fontclass">.icon-anquanfagui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanguanlimenhu"></i>
                    <div class="name">安全管理门户</div>
                    <div class="fontclass">.icon-anquanguanlimenhu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanjingyanku"></i>
                    <div class="name">安全经验库</div>
                    <div class="fontclass">.icon-anquanjingyanku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanmenhu"></i>
                    <div class="name">安全门户</div>
                    <div class="fontclass">.icon-anquanmenhu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanshijiangaojingguize"></i>
                    <div class="name">安全事件告警规则</div>
                    <div class="fontclass">.icon-anquanshijiangaojingguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanyunyingfenxishitu"></i>
                    <div class="name">安全运营分析视图</div>
                    <div class="fontclass">.icon-anquanyunyingfenxishitu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baocun"></i>
                    <div class="name">保存</div>
                    <div class="fontclass">.icon-baocun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baocunbingxiayibu"></i>
                    <div class="name">保存并下一步</div>
                    <div class="fontclass">.icon-baocunbingxiayibu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanzichan"></i>
                    <div class="name">安全资产</div>
                    <div class="fontclass">.icon-anquanzichan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baocunbingxinjian"></i>
                    <div class="name">保存并新建</div>
                    <div class="fontclass">.icon-baocunbingxinjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caozuofangwencelveweihu"></i>
                    <div class="name">操作访问策略维护</div>
                    <div class="fontclass">.icon-caozuofangwencelveweihu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-celveguanli"></i>
                    <div class="name">策略管理</div>
                    <div class="fontclass">.icon-celveguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caidanshezhi"></i>
                    <div class="name">菜单设置</div>
                    <div class="fontclass">.icon-caidanshezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-celve"></i>
                    <div class="name">策略</div>
                    <div class="fontclass">.icon-celve</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-celvehecha"></i>
                    <div class="name">策略核查</div>
                    <div class="fontclass">.icon-celvehecha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chanpincaijiguanli"></i>
                    <div class="name">产品采集管理</div>
                    <div class="fontclass">.icon-chanpincaijiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caidan"></i>
                    <div class="name">菜单</div>
                    <div class="fontclass">.icon-caidan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diyiye"></i>
                    <div class="name">第一页</div>
                    <div class="fontclass">.icon-diyiye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-celvezhihangpeizhi"></i>
                    <div class="name">策略执行配置</div>
                    <div class="fontclass">.icon-celvezhihangpeizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duibi"></i>
                    <div class="name">对比</div>
                    <div class="fontclass">.icon-duibi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fasong"></i>
                    <div class="name">发送</div>
                    <div class="fontclass">.icon-fasong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fasongyoujian"></i>
                    <div class="name">发送邮件</div>
                    <div class="fontclass">.icon-fasongyoujian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanghuoqiang"></i>
                    <div class="name">防火墙</div>
                    <div class="fontclass">.icon-fanghuoqiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanghuoqiangcelvebiangeng"></i>
                    <div class="name">防火墙策略变更</div>
                    <div class="fontclass">.icon-fanghuoqiangcelvebiangeng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanghuoqiangliebiao"></i>
                    <div class="name">防火墙列表</div>
                    <div class="fontclass">.icon-fanghuoqiangliebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fangwenkongzhicelve"></i>
                    <div class="name">访问控制策略</div>
                    <div class="fontclass">.icon-fangwenkongzhicelve</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-genzong"></i>
                    <div class="name">跟踪</div>
                    <div class="fontclass">.icon-genzong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gengduo"></i>
                    <div class="name">更多</div>
                    <div class="fontclass">.icon-gengduo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanbi"></i>
                    <div class="name">关闭</div>
                    <div class="fontclass">.icon-guanbi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guifanguanli"></i>
                    <div class="name">规范管理</div>
                    <div class="fontclass">.icon-guifanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guochengguanli"></i>
                    <div class="name">过程管理</div>
                    <div class="fontclass">.icon-guochengguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hegui"></i>
                    <div class="name">合规</div>
                    <div class="fontclass">.icon-hegui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-heguiguanli"></i>
                    <div class="name">合规管理</div>
                    <div class="fontclass">.icon-heguiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jichuanquancelve"></i>
                    <div class="name">基础安全策略</div>
                    <div class="fontclass">.icon-jichuanquancelve</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jichushijianfenlei"></i>
                    <div class="name">基础事件分类</div>
                    <div class="fontclass">.icon-jichushijianfenlei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiankong"></i>
                    <div class="name">监控</div>
                    <div class="fontclass">.icon-jiankong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiankonggaojingweihu"></i>
                    <div class="name">监控告警维护</div>
                    <div class="fontclass">.icon-jiankonggaojingweihu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiaoseguanli"></i>
                    <div class="name">角色管理</div>
                    <div class="fontclass">.icon-jiaoseguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jintian"></i>
                    <div class="name">今天</div>
                    <div class="fontclass">.icon-jintian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jinggao"></i>
                    <div class="name">警告</div>
                    <div class="fontclass">.icon-jinggao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liuliangguanli"></i>
                    <div class="name">流量管理</div>
                    <div class="fontclass">.icon-liuliangguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kaishijiankongqiehuan"></i>
                    <div class="name">开始监控切换</div>
                    <div class="fontclass">.icon-kaishijiankongqiehuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lousaokaiguan"></i>
                    <div class="name">漏扫开关</div>
                    <div class="fontclass">.icon-lousaokaiguan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-peizhi"></i>
                    <div class="name">配置</div>
                    <div class="fontclass">.icon-peizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiehuandaojiankongmoshi"></i>
                    <div class="name">切换到监控模式</div>
                    <div class="fontclass">.icon-qiehuandaojiankongmoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-peizhiguanli"></i>
                    <div class="name">配置管理</div>
                    <div class="fontclass">.icon-peizhiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qingkong"></i>
                    <div class="name">清空</div>
                    <div class="fontclass">.icon-qingkong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanxianshezhi"></i>
                    <div class="name">权限设置</div>
                    <div class="fontclass">.icon-quanxianshezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-queding"></i>
                    <div class="name">确定</div>
                    <div class="fontclass">.icon-queding</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqixuanze"></i>
                    <div class="name">日期选择</div>
                    <div class="fontclass">.icon-riqixuanze</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ruokoulingguizeguanli"></i>
                    <div class="name">弱口令规则管理</div>
                    <div class="fontclass">.icon-ruokoulingguizeguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangyiye"></i>
                    <div class="name">上一页</div>
                    <div class="fontclass">.icon-shangyiye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sheweimoren"></i>
                    <div class="name">设为默认</div>
                    <div class="fontclass">.icon-sheweimoren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhi"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-shezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijianbiaozhunhuaguize"></i>
                    <div class="name">事件标准化规则</div>
                    <div class="fontclass">.icon-shijianbiaozhunhuaguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijianchuliliangtongji"></i>
                    <div class="name">事件处理量统计</div>
                    <div class="fontclass">.icon-shijianchuliliangtongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijianguoduguize"></i>
                    <div class="name">事件过渡规则</div>
                    <div class="fontclass">.icon-shijianguoduguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujubiaoweihu"></i>
                    <div class="name">数据表维护</div>
                    <div class="fontclass">.icon-shujubiaoweihu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuaxin"></i>
                    <div class="name">刷新</div>
                    <div class="fontclass">.icon-shuaxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shenjiguanli"></i>
                    <div class="name">审计管理</div>
                    <div class="fontclass">.icon-shenjiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouye"></i>
                    <div class="name">首页</div>
                    <div class="fontclass">.icon-shouye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tanzhenguanli"></i>
                    <div class="name">探针管理</div>
                    <div class="fontclass">.icon-tanzhenguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianjia"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-tianjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianjiafujian"></i>
                    <div class="name">添加附件</div>
                    <div class="fontclass">.icon-tianjiafujian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tiaodujiancha"></i>
                    <div class="name">调度检查</div>
                    <div class="fontclass">.icon-tiaodujiancha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongjiliebiao"></i>
                    <div class="name">统计列表</div>
                    <div class="fontclass">.icon-tongjiliebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiaoliebiao"></i>
                    <div class="name">图标列表</div>
                    <div class="fontclass">.icon-tubiaoliebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiayiye"></i>
                    <div class="name">下一页</div>
                    <div class="fontclass">.icon-xiayiye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinjianlichengbei"></i>
                    <div class="name">新建里程碑</div>
                    <div class="fontclass">.icon-xinjianlichengbei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuanzeshebei"></i>
                    <div class="name">选择设备</div>
                    <div class="fontclass">.icon-xuanzeshebei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yewucaozuoyingshe"></i>
                    <div class="name">业务操作映射</div>
                    <div class="fontclass">.icon-yewucaozuoyingshe</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yewucaozuoyingshefenxi"></i>
                    <div class="name">业务操作映射分析</div>
                    <div class="fontclass">.icon-yewucaozuoyingshefenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yewutongjifenxiguize"></i>
                    <div class="name">业务统计分析规则</div>
                    <div class="fontclass">.icon-yewutongjifenxiguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yewutongjijieguoguize"></i>
                    <div class="name">业务统计结果规则</div>
                    <div class="fontclass">.icon-yewutongjijieguoguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yichuligongdanshu"></i>
                    <div class="name">已处理工单数</div>
                    <div class="fontclass">.icon-yichuligongdanshu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuanshirizhisousuo"></i>
                    <div class="name">原始日志搜索</div>
                    <div class="fontclass">.icon-yuanshirizhisousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yiguanbigongdanshu"></i>
                    <div class="name">已关闭工单数</div>
                    <div class="fontclass">.icon-yiguanbigongdanshu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xujiayuandizhihecha"></i>
                    <div class="name">虚假源地址核查</div>
                    <div class="fontclass">.icon-xujiayuandizhihecha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yingyonganquan"></i>
                    <div class="name">应用安全</div>
                    <div class="fontclass">.icon-yingyonganquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pptwenjian1"></i>
                    <div class="name">ppt文件</div>
                    <div class="fontclass">.icon-pptwenjian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanhegui1"></i>
                    <div class="name">安全合规</div>
                    <div class="fontclass">.icon-anquanhegui1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yipaifagongdanshu"></i>
                    <div class="name">已派发工单数</div>
                    <div class="fontclass">.icon-yipaifagongdanshu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanyuguanli"></i>
                    <div class="name">安全域管理</div>
                    <div class="fontclass">.icon-anquanyuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuoyejihuafenlei"></i>
                    <div class="name">作业计划分类</div>
                    <div class="fontclass">.icon-zuoyejihuafenlei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jpgwenjian1"></i>
                    <div class="name">jpg文件</div>
                    <div class="fontclass">.icon-jpgwenjian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanzuoye"></i>
                    <div class="name">安全作业</div>
                    <div class="fontclass">.icon-anquanzuoye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-denglurizhi"></i>
                    <div class="name">登录日志</div>
                    <div class="fontclass">.icon-denglurizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingzhigaojingtongji"></i>
                    <div class="name">定制告警统计</div>
                    <div class="fontclass">.icon-dingzhigaojingtongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanzuoyexinjian"></i>
                    <div class="name">安全作业新建</div>
                    <div class="fontclass">.icon-anquanzuoyexinjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquanzuoyeguanli"></i>
                    <div class="name">安全作业管理</div>
                    <div class="fontclass">.icon-anquanzuoyeguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gaojingbumenguize"></i>
                    <div class="name">告警部门规则</div>
                    <div class="fontclass">.icon-gaojingbumenguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gaojingguibingguize"></i>
                    <div class="name">告警归并规则</div>
                    <div class="fontclass">.icon-gaojingguibingguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gaojinggongliupaifa"></i>
                    <div class="name">告警工流派发</div>
                    <div class="fontclass">.icon-gaojinggongliupaifa</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gaojingqingchuguize"></i>
                    <div class="name">告警清除规则</div>
                    <div class="fontclass">.icon-gaojingqingchuguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gaojingtongzhiguize"></i>
                    <div class="name">告警通知规则</div>
                    <div class="fontclass">.icon-gaojingtongzhiguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gerengaojinggongdanguanli"></i>
                    <div class="name">个人告警工单管理</div>
                    <div class="fontclass">.icon-gerengaojinggongdanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gerengongzuojihua"></i>
                    <div class="name">个人工作计划</div>
                    <div class="fontclass">.icon-gerengongzuojihua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiaobenguanli"></i>
                    <div class="name">脚本管理</div>
                    <div class="fontclass">.icon-jiaobenguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kexinjisuanguize"></i>
                    <div class="name">可信计算规则</div>
                    <div class="fontclass">.icon-kexinjisuanguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hecharenwuxiangqingliebiao"></i>
                    <div class="name">核查任务详情列表</div>
                    <div class="fontclass">.icon-hecharenwuxiangqingliebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongdanzongchulishuai"></i>
                    <div class="name">工单总处理率</div>
                    <div class="fontclass">.icon-gongdanzongchulishuai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mingdanshujuguanli"></i>
                    <div class="name">名单数据管理</div>
                    <div class="fontclass">.icon-mingdanshujuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwuguanli"></i>
                    <div class="name">任务管理</div>
                    <div class="fontclass">.icon-renwuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rizhishaixuanguize"></i>
                    <div class="name">日志筛选规则</div>
                    <div class="fontclass">.icon-rizhishaixuanguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ruokoulinghecha"></i>
                    <div class="name">弱口令核查</div>
                    <div class="fontclass">.icon-ruokoulinghecha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucanggaojing"></i>
                    <div class="name">收藏告警</div>
                    <div class="fontclass">.icon-shoucanggaojing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijianzhujizhongdingyiguize"></i>
                    <div class="name">事件主机重定义规则</div>
                    <div class="fontclass">.icon-shijianzhujizhongdingyiguize</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouceguanli"></i>
                    <div class="name">手册管理</div>
                    <div class="fontclass">.icon-shouceguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujuzichanshitu"></i>
                    <div class="name">数据资产视图</div>
                    <div class="fontclass">.icon-shujuzichanshitu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujuzichanfaxianrenwu"></i>
                    <div class="name">数据资产发现任务</div>
                    <div class="fontclass">.icon-shujuzichanfaxianrenwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujuzichanxinxiguanli"></i>
                    <div class="name">数据资产信息管理</div>
                    <div class="fontclass">.icon-shujuzichanxinxiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wangluoanquanguanli"></i>
                    <div class="name">网络安全管理</div>
                    <div class="fontclass">.icon-wangluoanquanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wangluotiaodushitu"></i>
                    <div class="name">网络调度视图</div>
                    <div class="fontclass">.icon-wangluotiaodushitu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongrizhi"></i>
                    <div class="name">系统日志</div>
                    <div class="fontclass">.icon-xitongrizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-review"></i>
                    <div class="name">审核</div>
                    <div class="fontclass">.icon-review</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tiaoma"></i>
                    <div class="name">条码</div>
                    <div class="fontclass">.icon-tiaoma</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jinyong"></i>
                    <div class="name">禁用</div>
                    <div class="fontclass">.icon-jinyong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiyong"></i>
                    <div class="name">启用</div>
                    <div class="fontclass">.icon-qiyong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoge"></i>
                    <div class="name">表格</div>
                    <div class="fontclass">.icon-biaoge</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
